/* eslint-disable no-unused-expressions */
/* eslint-disable no-undef */
/* eslint-disable spaced-comment */
// 1、路由是vue的插件
import Vue from 'vue'
// 2、引入路由插件
import VueRouter from 'vue-router'
// 3、声明使用路由 Vue.use()
Vue.use(VueRouter)
// 创建路由组件，创建一个views文件夹专门放路由组件
// 4.创建路由实力并导出路由

// 5、配置路由信息，使用routes选项
const routes = [
  {
    // 指定路由地址,地址名自定义的
    path: '/',
    // 指定路由匹配的组件
    // 给路由定义名称
    name: 'home',
    // 路由懒加载()=>import('路径')，上面不需要引入
    component: () => import('../views/Home.vue')
    /*
    beforeEnter: (to, from, next) => {
        // ...
      }
    */
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
    path: '*',
    component: () => import('../views/Notfound.vue')
  }
]

/*
    路由模式：mode
  1、hash(默认)带#号   //js里面(window.location.hash
  2、history:不带#号
*/
const router = new VueRouter({
  routes,
  mode: 'history'
})

//这里可以放守卫
router.beforeEach((to, from, next) => {})
// to 即将进入到路由
// from 离开到路由
// next()按照逻辑进入到路由
// next(false)终止当前路由
// next({path:""})指定跳转到路由
// next
var islogin = JSON.parse(localStorage.getItem('islogin'))

if (islogin) {
  //跳转购物车列表
  console.log('用户登录过，可以去购物车页面了')
} else {
  //用户设置过登录，去登录
  console.log('用户没有登录，去登录页面吧')
}

export default router
